﻿<div class="modal hide fade" id="DetailsCountry" style="display: none;" data-bind="with: workingCountry" >
    <div class="modal-header">  
        <div class="breadcrumb" style="margin-top: 10px; margin-bottom: 10px">
            <h3>Country details</h3>
        </div>
    </div> 
    <div class="modal-body">
        <div class="row">
            <span class="span2"><strong>Id:</strong></span>
            <label data-bind="text:Id" class="span2"></label>
        </div>
        <div class="row">
            <span class="span2"><strong>Created:</strong></span>
            <label data-bind="text:Created" class="span2"></label>
        </div>
        <div class="row">
            <span class="span2"><strong>Updated:</strong></span>
            <label data-bind="text:Updated" class="span2"></label>
        </div>
        <div class="row">
            <span class="span2"><strong>Short name:</strong></span>
            <label data-bind="text:ShortName" class="span2"></label>
        </div>
        <div class="row">
            <span class="span2"><strong>Description:</strong></span>
            <label data-bind="text:Description" class="span2"></label>
        </div>
        <div class="row">
            <span class="span2"><strong>Key:</strong></span>
            <label data-bind="text:Key" class="span2"></label>
        </div>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn" data-bind="click: function() { $root.country.cancelDetailsCountry() }"><strong>Close</strong></a>
    </div>
</div>